<!DOCTYPE html>
<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8" %>
<%@include file="../../../common/include/inc.jsp" %>
<head lang="en">
    <title>主机</title>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/pub-ui/css/default.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ace/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/css/bootstrap.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/css/page-styles.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/css/base.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/css/header.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/css/viewport.css"/>
    <script type="text/javascript">
        var EXT_UNIT_ID = '${UNIT_ID}';
        var DATE_TYPE = '${DATE_TYPE}';
        var CLASS_NAME = '${CLASS_NAME}';
    </script>
</head>

<body>

<div class="homecontent">
    <%--<div class="host_row0">--%>
        <%--<input type="radio" style="display:none;" name="kind" id="showDay" checked="checked"/>--%>
        <%--<label for="showDay" class="rad_1">日</label>--%>
        <%--<input type="radio" style="display:none;" name="kind" id="showWeek"/>--%>
        <%--<label for="showWeek" class="rad_1">周</label>--%>
        <%--<input type="radio" style="display:none;" name="kind" id="showMonth"/>--%>
        <%--<label for="showMonth" class="rad_1">月</label>--%>
        <%--<input type="radio" style="display:none;" name="kind" id="showYear"/>--%>
        <%--<label for="showYear" class="rad_1">年</label>--%>
    <%--</div>--%>
    <div class="row host_row1">
        <div class="item host_row1_item1">
            <div class="title">
                <div class="icon"></div>
                <h3>主机基本信息</h3>
                <div class="homemore1"></div>
            </div>
            <div class="content_zhuji" id="infom">
                <div class="table7">
                    <table cellspacing="0" id="host_info">
                    </table>
                </div>
            </div>
        </div>
        <div class="item host_row1_item3">
            <div class="title">
                <div class="icon"></div>
                <h3>ping結果</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin-top:2px;margin-right:2px;width: 373px;height: 415px;" id="host_ping_ybp">

            </div>
        </div>
        <div class="item host_row1_item4">
            <div class="title">
                <div class="icon"></div>
                <h3>syslog状态</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin-top:2px;margin-right:1px;margin-left:1px;width: 373px;height: 415px;" id="host_syslog_ybp">

            </div>
        </div>
    </div>
    <div class="row host_row2">
        <div class="item host_row2_item2">
            <div class="title">
                <div class="icon"></div>
                <h3>CPU利用率</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin-top:2px;margin-right:2px;width: 98%;height: 415px;" id="host_cpu_syl_zxt">

            </div>
        </div>
        <div class="item host_row2_item3">
            <div class="title">
                <div class="icon"></div>
                <h3>CPU利用率区间分布</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin-top:2px;margin-right:2px;width: 98%;height: 425px;" id="host_cpu_dzt">

            </div>
        </div>
    </div>

    <div class="row host_row3">
        <div class="item host_row3_item1">
            <div class="title">
                <div class="icon"></div>
                <h3>物理内存使用率</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin-top:2px;margin-right:2px;width: 98%;height: 415px;" id="host_nc_syl_zxt">

            </div>
        </div>
        <div class="item host_row3_item2">
            <div class="title">
                <div class="icon"></div>
                <h3>物理内存使用率区间分布</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin-top:2px;margin-right:2px;width: 98%;height: 425px;" id="host_nc_dzt">

            </div>
        </div>
    </div>

    <div class="row host_row4">
        <div class="item host_row4_item1">
            <div class="title">
                <div class="icon"></div>
                <h3>磁盘总使用率</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin-top:2px;margin-right:2px;width: 98%;height: 415px;" id="host_cp_syl_zxt">

            </div>
        </div>
        <div class="item host_row4_item2">
            <div class="title">
                <div class="icon"></div>
                <h3>磁盘总使用率区间分布</h3>
                <div class="homemore1"></div>
            </div>
            <div style="margin-top:2px;margin-right:2px;width: 98%;height: 425px;" id="host_cp_dzt">

            </div>
        </div>
    </div>

    <%--<div class="row host_row5">--%>
        <%--<div class="item host_row5_item1">--%>
            <%--<div class="title">--%>
                <%--<div class="icon"></div>--%>
                <%--<h3>文件系统使用比率</h3>--%>
                <%--<div class="homemore1"></div>--%>
            <%--</div>--%>
            <%--<div style="margin-top:2px;margin-right:2px;width: 98%;height: 415px;" id="host_wjxt_syl_zzt">--%>

            <%--</div>--%>
        <%--</div>--%>
    <%--</div>--%>

    <%--<div class="row host_row6" id="row6">--%>
        <%--<div class="item host_row6_item1">--%>
            <%--<div class="title">--%>
                <%--<div class="icon"></div>--%>
                <%--<h3>磁盘</h3>--%>
                <%--<div class="homemore1"></div>--%>
            <%--</div>--%>
            <%--<div class="content">--%>
                <%--<div class="table8">--%>
                    <%--<table cellspacing="0" id="cp">--%>

                    <%--</table>--%>
                <%--</div>--%>
            <%--</div>--%>
        <%--</div>--%>
    <%--</div>--%>

    <%--<div class="row host_row7" id="row7">--%>
        <%--<div class="item host_row7_item1">--%>
            <%--<div class="title">--%>
                <%--<div class="icon"></div>--%>
                <%--<h3>逻辑卷状态</h3>--%>
                <%--<div class="homemore1"></div>--%>
            <%--</div>--%>
            <%--<div class="content">--%>
                <%--<div class="table8">--%>
                    <%--<table cellspacing="0" id="ljj">--%>

                    <%--</table>--%>
                <%--</div>--%>
            <%--</div>--%>
        <%--</div>--%>
    <%--</div>--%>


    <%--<div class="row host_row8" id="row8">--%>
        <%--<div class="item host_row8_item1">--%>
            <%--<div class="title">--%>
                <%--<div class="icon"></div>--%>
                <%--<h3>CPU状态</h3>--%>
                <%--<div class="homemore1"></div>--%>
            <%--</div>--%>
            <%--<div class="content">--%>
                <%--<div class="table8">--%>
                    <%--<table cellspacing="0" id="state">--%>

                    <%--</table>--%>
                <%--</div>--%>
            <%--</div>--%>
        <%--</div>--%>
    <%--</div>--%>

    <%--<div class="row host_row9" id="row9">--%>
        <%--<div class="item host_row9_item1">--%>
            <%--<div class="title">--%>
                <%--<div class="icon"></div>--%>
                <%--<h3>换页空间信息</h3>--%>
                <%--<div class="homemore1"></div>--%>
            <%--</div>--%>
            <%--<div class="content">--%>
                <%--<div class="table8">--%>
                    <%--<table cellspacing="0" id="info">--%>

                    <%--</table>--%>
                <%--</div>--%>
            <%--</div>--%>
        <%--</div>--%>
    <%--</div>--%>
</div>


<script type="text/javascript" src="${ctx}/resource/plugins/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/echarts4/esl.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/ued/js/circle-progress.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/ued/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${ctx}/resource/bigdata/host/hostView.js"></script>

</body>
